<template>
    <div class="new">
        <div class="newList">
                <div class="newList_box" v-for="(v,index) in news1arr" :key="index">
                    <img :src="v.img2" alt="" >
                </div>
        </div>
        <waterfall myclass="newBgc" :count="count"></waterfall>
        <div class="box"></div>
    </div>
</template>

<script>
import waterfall from '../../HomeCom/waterfall.vue';
export default {
    data(){
        return{
            news1arr:[],
            count:3
        }
    },
    components:{
        waterfall
    },
    mounted(){
        this.$http({
            url: "http://118.178.238.19:3001/api/pro/search",
            method: "get",
            params: {
                count:3,
                limitNum: 6
            }
        }).then(res => {
            this.news1arr = res.data.data
        })
    }
}
</script>

<style scoped>
.new{
        width: 94%;
        padding: 20px 3%;
        background-color: #f5f5f5;
        margin-bottom: 20px;
    }
    .newList{
        width: 100%;
        display: flex;
        background-color: #f5f5f5;
        flex-wrap: nowrap;
        overflow: auto;
    }
    .newList_box{
        width: 105.05px;
        height: 129.06px;
        margin-right: 10px;
        background-color: #fff;
        border-radius: 15px;
    }
    .newList img{
        width: 105.05px;
        height: 129.06px;
        border-radius: 15px;
    }
        .box {
            width: 100%;
            height: 30px;
        }
</style>